<template>
  <section class="section-one" @click="navigateToNext">
    <span class="corner-number">10</span>
    <h2>工具类</h2>
    <p>这是新添加的工具模块</p>
  </section>
</template>

<script setup>
import {
  useRouter
} from 'vue-router'; // 引入 vue-router 的 useRouter

const router = useRouter(); // 获取路由实例

const navigateToNext = () => {
  router.push({
    name: 'tools'
  });
};
</script>

<style scoped>
.section-one {
  background: linear-gradient(135deg, #f6e999, #2a69ac);
  text-align: center;
  position: relative;
}

.corner-number {
  position: absolute;
  top: 10px;
  left: 10px;
  color: black;
}
</style>